<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keyword" content="">
    <!-- <link rel="shortcut icon" href="img/favicon.png"> -->
    <title>工号绑定</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="css/style.css">
    <style type="text/css">
    body {
        background-color: #fff;
    }

    .form-control {
        /*border-radius: 0;*/
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .bg-warning {
        padding: 15px;
        font-size: 13px;
    }

    .bg-warning .text-danger {
        margin-bottom: 5px;
    }
    </style>
</head>

<body>
    <form action="" class="login-form">
        <div class="login-form-before">
        </div>
        <div class="form-group">
            <label for="">APQP工号</label>
            <input type="text" class="form-control" name="username" placeholder="APQP工号" required="">
        </div>
        <div class="form-group">
            <label for="">个人微信号</label>
            <input type="password" class="form-control" name="wxno" placeholder="个人微信号" required="">
        </div>
        <button class="btn btn-block btn-success">提&nbsp;&nbsp;&nbsp;&nbsp;交</button>
        <!-- <div class="login-form-after">
            <p class="text-muted">login form after</p>
        </div> -->
    </form>
    <div class="weui-footer weui-footer_fixed-bottom">
        <p class="weui-footer__text">Copyright &copy; 2016-2017 宙能信息. All rights reserved.</p>
    </div>
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <!-- <script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script> -->
    <!-- <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
    <script>
    $(function() {
        $('form').on('submit', function(e) {
            e.preventDefault();
            var obj = {};
            var data = $(this).serializeArray();
            $.each(data, function(index, node) {
                obj[node.name] = node.value;
            });
            alert(JSON.stringify(obj, null, 4));
        });
    });
    </script>
</body>

</html>
